<template>
<div>
  
   <div class="listtype-1 item" v-for="(item,index) in listdata" :key="index">
      <!-- <div class="left-box">
          <img/>
      </div> -->
      <div class="right-info">
          <a class="name" :href="item.path" target="_blank">{{item.name}}</a>
          <div class="desc">{{item.desc}}</div>
      </div>
  </div>
</div>
</template>
<script>
export default {
  props:{
    "listdata":{
      type: Array,
      default(){
        return[
           {
              name:'实例1',
              path:'',
              desc:'',
              img:''
          }
        ]
      }
    }
  },
  data() {
    return {
     
    };
  },
  methods: {
    
  }
};
</script>
<style>

.listtype-1.item{
    border-bottom:1px solid #eee;
    padding: 20px;
    background-attachment:white;
    display: flex;
}
.listtype-1 .left-box{
    background:#eee;
    width:80px;
    height:80px;
    border-radius: 18px;
    margin-right: 14px;
}
.listtype-1 .right-box{

}
.listtype-1 .img{

}
.listtype-1 .name{
    font-size:22px;
    margin-bottom: 10px;
}
.listtype-1 .desc{
    font-size:16px;
    color: #999;
}
.listtype-1 .right-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
}


</style>